<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>HX-final-flask</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>用户购物车</strong>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>
</header>


<div class="modal modal-tour position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalTour">
  <div class="modal-dialog" role="document">
    <div class="modal-content rounded-6 shadow">
      <div class="modal-body p-5">
        <h2 class="fw-bold mb-0 text-center">检查是否有误</h2>

 <h5 class="mb-0">你购买的商品名称:</h5>
                <h5 class="mb-0"><strong> {{lst_name }}</strong></h5>
                <h5 class="mb-0">姓名:</h5>
                <h5 class="mb-0"><strong>{{ name }}</strong></h5>
                <h5 class="mb-0">地址:</h5>
                <h5 class="mb-0"><strong>{{ add }}</strong></h5>
                <h5 class="mb-0">电话:</h5>
                <h5 class="mb-0"><strong>{{tel}}</strong></h5>
            </div>
          </li>
        </ul>
          <div align="center">

<svg t="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201901%2F26%2F20190126142819_eihdu.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643813839&t=16a49fdcfc87160bae16a96c367accf4" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1309" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80"><defs><style type="text/css"></style></defs><path d="M512 464.455014m-448.014129 0a448.014129 448.014129 0 1 0 896.028258 0 448.014129 448.014129 0 1 0-896.028258 0Z" fill="#FFE585" p-id="1310"></path><path d="M412.803918 1024h197.290625a16.440885 16.440885 0 0 0 0-32.881771h-197.290625a16.440885 16.440885 0 0 0 0 32.881771z" fill="#6E6E96" opacity=".29" p-id="1311"></path><path d="M683.527758 1024h57.543099a16.440885 16.440885 0 0 0 0-32.881771h-57.543099a16.440885 16.440885 0 0 0 0 32.881771zM334.158942 991.118229h-45.212435a16.440885 16.440885 0 0 0 0 32.881771h45.212435a16.440885 16.440885 0 0 0 0-32.881771z" fill="#6E6E96" opacity=".17" p-id="1312"></path><path d="M330.048721 316.487045m-36.991993 0a36.991992 36.991992 0 1 0 73.983985 0 36.991992 36.991992 0 1 0-73.983985 0Z" fill="#6E6E96" p-id="1313"></path><path d="M522.555048 24.443486c-4.217087 0-8.421844 0.078094-12.614269 0.193181 223.698798 6.374953 403.085299 189.699047 403.085299 414.939177 0 229.268148-185.8601 415.132358-415.132358 415.132358s-415.132358-185.86421-415.132358-415.132358c0-36.104184 4.619889-71.143822 13.284236-104.5517a447.590776 447.590776 0 0 0-21.504678 137.433471c0 247.427106 200.582913 448.014129 448.014128 448.014129s448.014129-200.587023 448.014129-448.014129c0-247.431216-200.578803-448.014129-448.014129-448.014129z" fill="#FF9900" opacity=".24" p-id="1314"></path><path d="M690.375387 316.487045m-36.991992 0a36.991992 36.991992 0 1 0 73.983984 0 36.991992 36.991992 0 1 0-73.983984 0Z" fill="#6E6E96" p-id="1315"></path><path d="M254.535734 472.239774a71.402766 33.317454 0 1 0 142.805531 0 71.402766 33.317454 0 1 0-142.805531 0Z" fill="#FF0000" opacity=".18" p-id="1316"></path><path d="M612.737415 472.239774a71.398655 33.317454 0 1 0 142.797311 0 71.398655 33.317454 0 1 0-142.797311 0Z" fill="#FF0000" opacity=".18" p-id="1317"></path><path d="M302.37871 641.469918s-55.487988 26.716439 26.716439 67.818652 253.769177 75.57875 256.116114 136.196296l64.337295-19.355033s-69.573717-87.884753-158.021571-97.214956C403.083244 719.572344 322.929817 684.627242 302.37871 641.469918z" fill="#FF9900" opacity=".24" p-id="1318"></path><path d="M100.977863 487.061232C100.977863 252.112758 291.437301 61.65332 526.385775 61.65332c229.851799 0 417.092934 182.300648 425.107865 410.187762 0.18085-5.182989 0.300046-10.378309 0.300046-15.60651C951.793686 208.807466 751.210773 8.220443 503.779557 8.220443S55.765428 208.807466 55.765428 456.234572c0 205.954972 138.999466 379.435085 328.308042 431.819856C219.117956 829.496105 100.977863 672.099288 100.977863 487.061232z" fill="#FFEFB5" p-id="1319"></path><path d="M592.868605 888.46545A435.140916 435.140916 0 0 1 512 896.028258C274.030514 896.028258 80.426757 702.424501 80.426757 464.455014S274.030514 32.881771 512 32.881771c237.965376 0 431.573243 193.603757 431.573243 431.573243 0 111.678825-42.495579 217.60334-119.660874 298.266434a16.428555 16.428555 0 0 0 0.521998 23.239192 16.436775 16.436775 0 0 0 23.239192-0.513778C930.720581 698.647207 976.455014 584.641997 976.455014 464.455014 976.455014 208.355341 768.103783 0 512 0S47.544986 208.355341 47.544986 464.455014s208.351231 464.455014 464.455014 464.455015c29.236005 0 58.504891-2.737407 86.992835-8.134128a16.440885 16.440885 0 0 0 13.091055-19.219395 16.440885 16.440885 0 0 0-19.215285-13.091056z" fill="#6E6E96" p-id="1320"></path><path d="M704.239164 637.836482c-37.87569 46.724996-109.105826 75.7596-185.901203 75.7596-78.653196 0-150.709487-30.062159-188.042627-78.464125a16.440885 16.440885 0 0 0-26.034142 20.082541c43.424489 56.281261 125.452177 91.251025 214.076769 91.251025 86.462617 0 167.4833-33.687374 211.442118-87.934076a16.432665 16.432665 0 1 0-25.540915-20.694965z" fill="#6E6E96" p-id="1321"></path><path d="M518.342072 730.036968s138.633656 26.288976 161.876958 161.881068c0 0 18.796042 37.567423 68.118699 8.495828 49.322656-29.051045 28.77155-195.605435-66.717114-219.124121 0 0-23.354278 48.747225-163.278543 48.747225z" fill="#FF8CA4" p-id="1322"></path><path d="M645.582194 752.445895s59.59821 35.121842 59.59821 96.590202 61.932816 1.915363 61.932816-68.920192c0 0 17.316363 130.388552-43.888944 130.388552-61.213527 0-49.417191-137.121095-204.894535-180.467489-155.469123-43.346395 0-8.417733 0-8.417733s143.824866-2.568888 163.286764-40.329492c0.00411 0 11.599045 58.648749-36.034311 71.156152z" fill="#6E6E96" opacity=".15" p-id="1323"></path><path d="M515.279957 746.186028l-0.036992-0.004111c5.211761 1.007004 127.795003 26.141008 148.769462 148.510519 0.267164 1.598876 0.772722 3.140209 1.500231 4.578786 1.002894 2.009898 10.476954 19.86059 32.454308 26.35063 17.669842 5.219981 37.419455 1.500231 58.710402-11.048275 26.987713-15.894226 39.454015-60.120208 31.75968-112.652948-7.79298-53.239697-39.425243-120.967925-102.882951-136.594986a16.436775 16.436775 0 0 0-18.75905 8.857527c0.17674-0.36992 0.271275-0.538439 0.271274-0.54666-0.230172 0.406912-24.492809 39.955462-148.72836 39.955462a16.440885 16.440885 0 0 0-3.058004 32.594056z m162.407176-48.928075c47.629245 11.730572 71.904213 66.28554 78.221623 109.434643 6.144781 41.96947-3.612885 72.315235-15.910667 79.557445-12.938977 7.62035-24.250306 10.337207-32.705031 7.838192-8.257435-2.441471-12.330664-9.46584-12.371766-9.531603 0.723399 1.450908 1.228956 2.992241 1.50023 4.578787-24.88739-145.156578-173.521215-174.968013-175.017336-175.255729a16.440885 16.440885 0 1 1-3.062114 32.594055c146.060826 0 175.255729-52.142268 178.104112-58.081538a16.449106 16.449106 0 0 1-18.759051 8.865748z" fill="#6E6E96" p-id="1324"></path></svg>
          </div>
        <button type="button" class="btn btn-lg btn-primary mt-5 w-100" data-bs-dismiss="modal">结账</button>
          <a href="/">返回首页</a>
      </div>
    </div>
  </div>
</div>

<div class="b-example-divider"></div>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>


  </body>
</html>